<template>
  <div class="search">
    <div
      v-for="item in list"
      :key="item.value"
      @click="$router.push(`/des${item.houseCode}`)"
    >
      <p>
        <img
          :src="'http://www.xiaoshuaipeng.com:8080' + item.houseImg"
          width="200px"
          height="200px"
          alt=""
        />
      </p>
      <p>{{ item.desc }}</p>
      <p></p>
      <p></p>
    </div>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  data() {
    return {
      list: []
    }
  },
  name: 'SeaRch',
  async created() {
    const res = await axios.get('http://www.xiaoshuaipeng.com:8080/houses', {
      params: {
        cityId: 'AREA|88cff55c-aaa4-e2e0'
      }
    })
    console.log(res)

    this.list = res.data.body.list
    // "AREA|88cff55c-aaa4-e2e0"
  }
}
</script>

<style></style>
